<template>
  <div>
    用户名:<input type="text" v-model.trim="username"><br>
    自我介绍: <textarea name="" id="" cols="30" rows="10" v-model.lazy="info"></textarea><br>
    年龄: <input type="text" v-model.number="age">
    <!-- .trim去除首尾空格
         .number转换为数字
         .lazy 在触发change时才双向绑定
      -->
  </div>
</template>

<script>
export default {
 

  data() {
    return {
      username:'',
      info:'',
      age:''
    };
  },

 

  methods: {
    
  },
};
</script>

<style >

</style>